div.calendar {
  position: relative;
  z-index: 30000;
}

.calendar {
  table {
    border: 1px solid #bdb2bf;
    font-size: 11px;
    color: #000;
    cursor: default;
    background-color: #FFF;
    font-family: "trebuchet ms", verdana, tahoma, sans-serif;
    width: 212px;
  }
  td {
    border: 0 solid #bdb2bf;
    font-size: 11px;
    color: #000;
    cursor: default;
    font-family: "trebuchet ms", verdana, tahoma, sans-serif;
    width: 212px;
  }
  border-color: #797979;
  .button {
    text-align: center;
    padding: 2px;
    font-weight: bold;
    background: #F1F1F1;
  }
  .nav {
    font-size: 11px;
    font-family: verdana, tahoma, sans-serif;
    div {
      background: transparent;
    }
  }
  thead {
    .title {
      font-weight: bold;
      text-align: center;
      padding: 2px;
      font-size: 11px;
      background-color: #F1F1F1;
    }
    .name {
      border-bottom: 1px solid #797979;
      padding: 2px;
      text-align: center;
      color: #000;
      font-size: 11px;
    }
    .weekend {
      color: #c44;
    }
    .hilite {
      background-color: #D7D7D7;
    }
    .active {
      padding: 3px 1px 0 3px;
      background-color: #D7D7D7;
    }
  }
  tbody .day {
    font-family: verdana, tahoma, sans-serif;
    width: 2em;
    color: #000;
    text-align: right;
    padding: 2px 4px 2px 2px;
    font-size: 11px;
    &.othermonth {
      color: #999;
      font-size: 11px;
      &.oweekend {
        color: #f99;
        font-size: 11px;
      }
    }
  }
  table .wn {
    padding: 2px 3px 2px 2px;
    border-right: 1px solid #797979;
  }
  tbody {
    td {
      &.today {
        font-weight: bold;
        font-size: 11px;
      }
      &.hilite {
        background-color: #DDECFF;
        padding: 1px 4px 1px 1px;
        border: 0 solid #797979;
        font-size: 11px;
      }
      &.active {
        padding: 2px 2px 0 2px;
      }
      &.weekend {
        color: #c44;
      }
      &.selected {
        font-weight: bold;
        border: 0 solid #797979;
        padding: 1px 3px 1px 1px;
        background-color: #99B5DF;
        font-size: 11px;
      }
    }
    .disabled {
      color: #999;
    }
    .emptycell {
      visibility: hidden;
    }
    .emptyrow {
      display: none;
    }
  }
  tfoot {
    .footrow {
      text-align: center;
      background: #565;
      color: #fff;
      font-size: 11px;
    }
    .ttip {
      padding: 2px;
      font-size: 11px;
      background-color: #eee;
    }
    .hilite {
      background: #afa;
      border: 1px solid #084;
      color: #000;
      padding: 1px;
    }
    .active {
      background: #7c7;
      padding: 2px 0 0 2px;
    }
  }
  .combo {
    font-size: 11px;
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    width: 4em;
    cursor: default;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: #797979;
    background-color: #FFF;
    z-index: 100;
    .label {
      text-align: center;
      padding: 1px;
      font-size: 11px;
    }
    .label-IEfix {
      text-align: center;
      padding: 1px;
      font-size: 11px;
      width: 4em;
    }
    .hilite {
      background-color: #DDECFF;
    }
    .active {
      font-size: 11px;
      background-color: #99B5DF;
      font-weight: bold;
    }
  }
  td.time {
    font-size: 11px;
    border-top: 1px solid #797979;
    padding: 1px 0;
    text-align: center;
    .hour, .minute, .ampm {
      font-size: 11px;
      padding: 0 5px 0 6px;
      font-weight: bold;
    }
    .hour, .minute {
      font-family: monospace;
    }
    .ampm {
      text-align: center;
      font-size: 11px;
    }
    .colon {
      padding: 0 2px 0 3px;
      font-weight: bold;
    }
    span {
      &.hilite {
        background-color: #99B5DF;
      }
      &.active {
        background: url("img/active-bg.gif");
        color: #fff;
      }
    }
  }
  thead td {
    &.nawn {
      font-family: verdana, tahoma, sans-serif;
      width: 3em;
      color: #000;
      text-align: center;
      padding: 10px 4px 5px 2px;
      font-size: 11px;
    }
    &.selected {
      font-weight: bold;
      border: 0 solid #797979;
      padding: 10px 4px 5px 2px;
      background-color: #99B5DF;
      font-size: 11px;
    }
    &.today {
      font-weight: bold;
      font-size: 11px;
    }
  }
}